<template>
    <div class="wap-app">
            <h3 class="third-txt">第三方账号快速登录</h3>
            <div class="third-app clear">
                <a href="" class="qq" target="_parent" ><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/tencent.png?29cf7667-1&amp;sv=449ce9ee">
                </a>
                <a href="" class="tao" target="_parent" ><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/taobao.png?b6b2268f-1&amp;sv=449ce9ee">
                </a>
                <a href="" class="sina" target="_parent"><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/sina.png?e6100489-1&amp;sv=449ce9ee">
                </a>

            </div>
            <ul class="protection">
                <li class="fl"><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/unexpress.png?6a15f6a5-1&amp;sv=449ce9ee">全场包邮</li>
                <li><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/search.png?597c2e82-1&amp;sv=449ce9ee">100%人工质检</li>
                <li class="fr"><img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/seven.png?902d32d9-1&amp;sv=449ce9ee">7天放心退</li>
            </ul>
        </div>
</template>

<style lang="stylus">
.wap-app
    color #999
    .third-txt
        margin-bottom .6rem
        font-weight 400
        font-size .24rem
        text-align center
    .third-app
        text-align center
        padding-bottom .46rem
        border-bottom 1px solid #ebebeb
        a
            width .96rem
            margin 0 .4rem
    .protection
        display flex
        padding-top .26rem
        line-height .44rem
        height .44rem
        font-size .22rem
        color #c2c2c2
        li
            flex 1
            line-height .44rem
            text-align center
            img
                height .44rem
                vertical-align middle
                margin-right .1rem
</style>